/* pages/WMS/index.wxss */
.body{
    background: #FFFFFF;
  }
  
  .view-container{
      width: 100%;
      height: 100%;
  }
  
  .wrapper{
    padding-top: 293px;
    width: 750px;
    background: url('https://oss.cloudcpc.com/15d581fb9165304fa426c666e62edf3e.png')   no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
  }
  .Logo-Title{
    text-align: center;
    font-size: 42px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 43px;
    margin-bottom: 33px;
  }
  
  .Logo-sub{
    text-align: center;
    width: 750px;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 48px;
    margin-bottom: 133px;
  }
  
  
  .wrapper-white{
    margin-top: -35px;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:center; 
    background:  #F3F6FF;
    border-radius: 40px 40px 0px 0px;
    padding: 65px 16px 20px 16px;
  }
  
  .top-Title{
    margin-bottom: 43px;
    font-size: 36px;
    color: #18202D;
    line-height: 34px;
  }
  
  .top-sub{
    margin-bottom: 60px;
    width:690px;
    font-size: 28px;
    color: #888888;
    line-height: 48px;
    text-align: center;
  }
  
  .top-image{
    position: relative;
    margin-bottom: 19px;
    width: 717px;
    height: 610px;
    background: url('https://oss.cloudcpc.com/5c995052bb22363ea0e91e55ef661590.png')   no-repeat center;
    background-size: cover; 
  }
  
  .top-image1{
    position:absolute;
    top: 57px;
    left: 65px;
    width: 68px;
    height: 80px;
    animation:Updowntarget4 2s infinite alternate;
    -webkit-animation:Updowntarget4 2s alternate infinite;
    }
  
  @keyframes Updowntarget4{
  from{margin-top: 40px;}
  to{margin-top: 10px;}
  }
  
  @-webkit-keyframes Updowntarget4{
  from{margin-top: 40px;}
  to{margin-top: 10px;}
  } 
  
  .top-image2{
    position:absolute;
    top: 218px;
    left: 598px;
    width: 68px;
    height: 80px;
    animation:Updowntarget4 2s infinite alternate;
    -webkit-animation:Updowntarget4 2s alternate infinite;
    }
  
  
  .top-image3{
    position:absolute;
    top: 11px;
    left: 165px;
    width: 54px;
    height: 66px;
    transform: scale(1);
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/
    }
  
  
  .top-image4{
    position:absolute;
    top: -6px;
    left: 506px;
    width: 58px;
    height: 69px;
    transform: scale(1);
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/
    }
  
  .top-image5{
    position:absolute;
    top: 224px;
    left: 66px;
    width: 58px;
    height: 69px;
    transform: scale(1);
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/
    }
  
  .top-image6{
    position:absolute;
    top: 97px;
    left: 596px;
    width: 54px;
    height: 66px;
    transform: scale(1);
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 5s; /*动画所花费的时间*/
    }
  
  .top-image7{
    position:absolute;
    top: 119px;
    left: 164px;
    width: 85px;
    height: 100px;
    animation:Updowntarget8 2s infinite alternate;
    -webkit-animation:Updowntarget8 2s alternate infinite;
  }
  
  .top-image8{
    position:absolute;
    top: 107px;
    left: 477px;
    width: 85px;
    height: 100px;
    animation:Updowntarget8 2s infinite alternate;
    -webkit-animation:Updowntarget8 2s alternate infinite;
  }
  
  @keyframes Updowntarget8{
  from{margin-top: 10px;}
  to{margin-top: 30px;}
  }
  
  @-webkit-keyframes Updowntarget8{
  from{margin-top: 10px;}
  to{margin-top: 30px;}
  } 
  
  .top-image9{
    position:absolute;
    top: -6px;
    left: 299px;
    width: 109px;
    height: 128px;
    animation:Updowntarget5 2s infinite alternate;
    -webkit-animation:Updowntarget5 2s alternate infinite;
    }
  
  @keyframes Updowntarget5{
  from{margin-top: 60px;}
  to{margin-top: 10px;}
  }
  
  @-webkit-keyframes Updowntarget5{
  from{margin-top: 60px;}
  to{margin-top: 10px;}
  } 
  
  
  
  @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0%{
      transform: scale(1);  /*开始为原始大小*/
      opacity: 1;
  }
  25%{
      transform: scale(1.1); /*放大1.1倍*/
      opacity: 0.4;
  }
  50%{
      transform: scale(1);
      opacity: 1;
  }
  75%{
      transform: scale(1.1);
      opacity: 0.4;
  }
  } 
  
  .sys-white{
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:center; 
    background:  #FFFFFF;
    padding: 34px 0px 60px 0px;
  }
  
  .sys-sub{
    margin-bottom: 42px;
  
  }
  
  .sys-view-item{
    display: inline-block;
    width: 966px;
    height: 893px;
  }
  
  .sys-down-wrapper{
    padding-top: 10px;
    padding-bottom: 10px;
    background:  #FFFFFF;
    
  }

  .sys-down-image{
    padding-top: 137px;
    width: 750px;
    height: 846px;
    background: url('https://oss.cloudcpc.com/8027b327445239a19101b84771120f7d.png')   no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
  }
  
  .sys-list{
    display: flex;
    flex-direction: row;
  }
  
  .sys-img1{
    margin-left: 35px;
    margin-right: 40px;
    width: 180px;
    height: 245px;
  }
  
  .sys-img2{
    margin-top: 93px;
    margin-right: 8px;
    width: 249px;
    height: 237px;
  }
  
  .sys-img3{
    margin-top: 193px;
    width: 243px;
    height: 222px;
  }
  
  .basic-white{
    z-index: 77;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:center; 
    background:  #FFFFFF;
    padding-bottom: 60px;
  }
  
  .basic-img{
    margin-bottom: 80px;
    width: 736px;
    height: 403px;
  }
  
  .basic-view-item{
    display: inline-block;
    width: 1466px;
    height: 859px;
  }
  
  .value-white{
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:center; 
    background:  #F3F6FF;
    padding-top: 66px;
    padding-bottom: 20px;
  }
  
  .value-sub{
    width: 700px;
  }
  
  .value-list{
    padding: 0px 10px 0px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  
  .value-white-view{
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 30px 20px 30px;
    width: 270px;
    height: 390px;
    background: #FFFFFF;
    box-shadow: 0px 8px 20px 0px rgba(159, 199, 229, 0.46);
  }
  
  .value-image{
    width: 188px;
    height: 188px;
  }
  
  .value-thite-sub{
    width: 268px;
    font-size: 24px;
    color: #79838F;
    line-height: 36px;
  }
  
